/*main container style*/

.dashboard-flex {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.dashboard-content {
    flex: 1;
    min-height: 100vh;
}

.web-container {
    width: calc(100vw - 223px);
    float: right;
    padding-top: 170px;
    overflow-x: hidden;
    &.center {
        float: none;
        margin: 0 auto;
        text-align: left;
        overflow: hidden;
    }
}

#sidenav-overlay {
    z-index: 1;
}

.light-dark-container {
    .loader-title {
        color: $med-gray;
        font-size: 18px;
        font-weight: 500;
    }
}


/*media queries*/

@media only screen and (max-width: $med-screen) {
    .web-container {
        width: 100%;
    }
}
